<template>
	<view class="content">
		<img class="bgimg" src="../../static/uview/common/bg.png" alt="">
		<view class="top_part">
			<view class="big_title">功德回向</view>
			<view class="small_text">
				<view>愿以此功德，庄严佛净土。</view>
				<view>愿以此功德，庄严佛净土。</view>
				<view>愿以此功德，庄严佛净土。</view>
				<view>愿以此功德，庄严佛净土。</view>
			</view>
		</view>
		<view class="mid_part">
			<view class="QR">
				<img :src="qrurl" alt="" class="qrImg">
			</view>

		</view>
		<view class="last_part">
			<view class="small_text">
				<view>添加师父微信</view>
				<view>登记信息，师父为您供上一盏祈福灯</view>
			</view>
		</view>


		<view class="button_part">
			<view class="btn" @click="goToHome">返回首页</view>
			<view class="btn" @click="goToPay">再次随喜</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			qrurl: '',
		};
	},
	methods: {
		goToHome() {
			uni.navigateTo({
				url: '/pages/index/index'
			})
		},
		goToPay() {
			uni.navigateBack({ delta: 1 })
			console.log('再次随喜')
		}
	},
	onLoad(options) {
		if (options.qr) {
			this.qrurl = JSON.parse(options.qr)
		}
	},
}
</script>

<style lang="scss" scoped>
		
	.qrImg{
		
	}
.content {
	width: 100vw;
	height: calc(100vh - 44px);
	background: #FBF5EA;

	.bgimg {
		position: fixed;
		opacity: 0.6;
		width: 86%;
		bottom: -9%;
		right: -9%;
		transform: rotate(9deg);
	}

	.top_part {
		width: 100%;
		height: 200px;
		text-align: center;

		.big_title {
			font-size: 30px;
			padding: 30px 10px 10px 10px;
			font-weight: 800;
		}

		.small_text {
			font-size: 18px;
			padding: 10px 10px 10px 10px;

		}
	}

	.mid_part {
		text-align: center;

		img {
			z-index: 999;
			border: #FBF5EA 1px solid;
			width: 160px;
			height: 160px;
			margin: 30px 10px 30px 10px;
		}
	}

	.last_part {
		width: 100%;
		height: 100px;
		text-align: center;

		.small_text {
			font-size: 18px;
			padding: 40px 10px 10px 10px;

		}
	}

	.button_part {
		width: 100%;
		height: 100px;
		display: flex;
		justify-content: space-around;

		.btn {
			z-index: 999;
			width: 40%;
			height: 40px;
			background: #BE9567;
			color: #fff;
			border-radius: 5px;
			margin: 10px 5px 10px 5px;
			line-height: 40px;
			text-align: center;
			font-size: 18px;
			font-weight: 800;
		}
	}

}
</style>
